<template>
	<view class="main">
		<view class="top">
			<text class="top-text">团体入园凭证</text>
			</view>
		<view class="time">
			<text class="time-text">
				2024年5月30日  13:00-16:00
			</text>
		</view>
		<view class="yuyue">
			预约信息
		</view>
		<uni-card class="a">
		<view class="b">
			团体名称：团体名称<br />
		
			团体人数：56人
		</view>
		
		</uni-card>
		<view class="c">
			预约信息
			
		</view>
		<uni-card class="d">
			<view class="e">
				姓名：姓名<br />
				
				证件类型：中国居民身份证<br />
				
				证件号码：51000000000000000000<br />
				
				手机号码：15888888888<br />
			</view>
			
		
		</uni-card>
		<view class="f">
			园区花草，种植不易请爱护
			
		</view>
	</view>
	<view class="g">
		<text class="t1">离凭证消失剩余</text><text class="t2">3小时56分钟</text><text class="t1">。可发起新的预约</text>
	</view>
</template>

<script >




</script>

<style scoped>
	.main{
		background-image: url("../../static/bg (1).png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 604px;
		
	}
	.top{
		text-align: center;
	
	}
	.time{
		text-align: center;
		margin-top: 10px;
	}
	.top-text{
		width: 120px;
		height: 20px;
		opacity: 0.9;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 20px;
		color: #000000;
		letter-spacing: 0;
		text-align: center;
		line-height: 60px;
		top: 20px;
		
	}
	.time-text{
		width: 161px;
		height: 17px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	}
	.yuyue{
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		margin-top:36px;
		margin-left: 16px;
	}
	.a{
		width: 319px;
		height: 103px;
		background: #FFFFFF;
		border-radius: 12px;
	}
	.b{
		width: 293px;
		height: 63px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		line-height: 38px;
	}
	.c{
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		margin-left: 16px;
	}
	.d{
		width: 319px;
		height: 187px;
		background: #FFFFFF;
		border-radius: 12px;
	}
	.e{
		width: 293px;
		height: 147px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		line-height: 38px;
	}
	.f{
		width: 144px;
		height: 17px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
		margin-left: 104px;
	}
	.t1{
		 color: #5f5f5f;
		 font-size: 12px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 0;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.t2{
		 color: #8DCB6D;
		 font-size: 12px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 0;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.g{
		margin-left: 63px;
	}
	
</style>